<template>
  <div>
    <!-- 背景图 -->
    <div class="bgimg">
      <img src="@/styles/imgs/bg.png" alt="" />
    </div>
    <!-- 登录模块 -->
    <div class="bo"></div>
    <!-- 点击模块 -->
    <van-grid :column-num="3">
      <van-grid-item
        v-for="value in 6"
        :key="value"
        icon="photo-o"
        text="文字"
      />
    </van-grid>
    <!-- 广告模块 -->
    <div class="guanggao">
      <img src="@/styles/imgs/join.png" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'hk-user',
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang="less">
// 背景图
.bgimg {
  width: 100%;
  height: 160px;
  img {
    width: 100%;
    height: 100%;
  }
}
// 登录模块
.bo {
  width: 100%;
  height: 140px;
}
// 广告图
.guanggao {
  padding: 0 15px;
  height: 85px;
  img {
    width: 100%;
    height: 100%;
  }
}
</style>
